<nz-layout class="layout">
    <nz-layout>
      <nz-sider [nzWidth]="200" style="background:#fff">
        <ul nz-menu [nzMode]="'inline'" style="height:100%" (nzCollapseChange)="changes($event)">
          <li nz-submenu>
            <span title><i class="anticon anticon-user"></i>每个人</span>
            <ul *ngFor="let period of periodPersonModels">
              <li nz-submenu  >
                <span title><i class="anticon anticon-user"></i>{{period.periodName}}</span>
                <ul *ngFor="let user of period.personalInfoList">
                  <li nz-menu-item  (click)="oneInfoClick(user.id,user.name)">{{user.name}}</li>
                </ul>
              </li>
            </ul>
          </li>
          <!-- <li nz-submenu>
            <span title><i class="anticon anticon-laptop"></i>每一期</span>
            <ul *ngFor="let each of eachs">
              <li nz-menu-item (click)="eachInfoClick(each.id,each.dictName)" >{{each.dictName}}</li>
            </ul>
          </li> -->
          <!-- <li nz-submenu>
            <span title><i class="anticon anticon-laptop"></i>全体</span>
            <ul>
              <li nz-menu-item (click)="thisYearClick($event)" >今年薪资统计</li>
              <li nz-menu-item (click)="graduateYearClick($event)" >毕业时薪资统计</li>
              <li nz-menu-item (click)="eduCertClick($event)" >学历证书统计</li>
            </ul>
          </li> -->
        </ul>
      </nz-sider>
      <nz-layout style="padding:0 24px 24px">
        <nz-content style="background:#fff; padding: 24px; min-height: 280px;">
          <!-- 个人信息 -->
          <div *ngIf="personId!=undefined" >
            <app-one-info  [inputId] = "personId" [inputName]="personName"></app-one-info>
          </div>
          <!-- 每期信息 -->
          <!-- <div *ngIf="eachId!=undefined">
            <app-each-info  [inputId] = "eachId" [inputName]="eachName"></app-each-info>
          </div> -->
          <!-- 全体信息-今年信息 -->
          <!-- <div *ngIf="thisYear!=undefined">
            <app-this-year-info  [(inputId)] = "thisYear"></app-this-year-info>
          </div> -->
          <!-- 全体信息-毕业时信息 -->
          <!-- <div *ngIf="graduateYear!=undefined">
            <app-graduate-year-info  [(inputId)] = "graduateYear" ></app-graduate-year-info>
          </div> -->
          <!-- 全体信息-学历证书信息 -->
          <!-- <div *ngIf="eduCert!=undefined">
            <app-edu-cert-info [(inputId)] = "eduCert" ></app-edu-cert-info>
          </div> -->
          <!-- <router-outlet></router-outlet> -->
        </nz-content>
      </nz-layout>
    </nz-layout>
  </nz-layout>